
    // scroll事件只会在有滚动条的情况下才会被触发-（内容大于框架）
// 获取窗口可视高度
    let winHeight = window.innerHeight
    let items = document.querySelectorAll(".isShow")
// 将items变成真数组
    let itemArr = [...items];
    window.addEventListener('scroll', scroll1);
    console.log(items);

    function scroll1() {
        //检测鼠标滚轮距离顶部位置
        let top = document.documentElement.scrollTop || document.body.scrollTop;
        itemArr = clearItem(top,itemArr)

        itemArr.forEach(item => {
            /**
             * 核心条件：滚轮距离大于元素距顶部的距离加屏幕高度 或则滚动距离小于自身高度和距顶部距离
             */
            console.log(item)
            if((top > (item.offsetTop-winHeight))&&(top < (item.offsetTop+item.clientHeight))){
                item.style.animation = 'show 2s linear';
                setTimeout(()=> {item.style.opacity = '1'},1000)
            }
        })
    }

// 去除已经在展示的元素
    function clearItem(top,arr){
        arr = arr.filter(item=>{
            return  !item.style.animation;
        })
        return arr

}
